<!DOCTYPE html>
<html>
    <head>
        <title>Flask_Admin</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="{{ url_for('static', filename='css/fonts.css') }}" rel="stylesheet" type="text/css">
        <link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
        <style>
            html, body {
                height: 100%;
            }

            body {
                margin: 0;
                padding: 0;
                width: 100%;
                display: table;
                font-weight: 100;
                font-family: 'Lato';
            }

            .container {
                text-align: center;
                display: table-cell;
                vertical-align: middle;
            }

            .content {
                text-align: center;
                display: inline-block;
            }

            .title {
                font-size: 66px;
                font-family: '微软雅黑'
            }

            .form-signin {
            max-width: 330px;
            padding: 15px;
            margin: 0 auto;
            }
            .form-signin .form-signin-heading,
            .form-signin .checkbox {
            margin-bottom: 10px;
            }
            .form-signin .checkbox {
            font-weight: normal;
            }
            .form-signin .form-control {
            position: relative;
            height: auto;
            -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
                  box-sizing: border-box;
            padding: 10px;
            font-size: 16px;
            }
            .form-signin .form-control:focus {
            z-index: 2;
            }
            .form-signin input[type="email"] {
            margin-bottom: -1px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            }
            .form-signin input {
            margin-bottom: 10px;
/*            border-top-left-radius: 0;
            border-top-right-radius: 0;
*/            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="content">
                <div class="title">Flask Admin</div>
            </div>
            <form method="POST" class="form-signin">
                <div>
                    {% include "admin/common/flash.html" %}
                    <input type="text" name="name" id="name" class="form-control" placeholder="user name or mobile">
                    <input type="password" name="password" id="password" class="form-control" placeholder="Password">
                    <button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
                </div>
            </form>
        </div>
    </body>
</html>
